@charset "utf-8";
/* CSS Document */

/*top*/
header#header-top{ width:100%; background:url(../image/bg_header.gif) repeat-x;}
.top{ width:960px;margin:0px auto; height:40px;}
.logo{width:110px; height:39px; line-height:39px;}
.logo a{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:22px; color:#5e8e1f; }
.logo a:hover{ text-decoration:none;}
nav#mainNav{width:620px; height:39px;font-family:"\5FAE\8F6F\96C5\9ED1";}
nav#mainNav li{ width:136px; height:39px; float:left;}
nav#mainNav li a{ display:block; width:136px; height:39px; line-height:39px;  text-align:center; font-size:14px; color:#fff; background:url(../image/nav.gif) no-repeat 0px -39px; text-shadow:1px 1px 1px #000;}
nav#mainNav li .last{ background-position:0px -78px;}
#index nav#mainNav .li1 .cur,#php nav#mainNav .li2 .cur,#html nav#mainNav .li3 .cur,#blog nav#mainNav .li4 .cur{ background-position:0px 0px; text-decoration:none;}
nav#mainNav li a:hover{ background-position:0px 0px; text-decoration:none;}
.search{width:220px; height:27px; line-height:27px; margin-top:6px; background:url(../image/search_bg.gif) no-repeat;}
.search input{ vertical-align:middle;}
.inputText{ width:149px; height:26px; line-height:26px; background:transparent; border:0px; padding-left:28px; margin-top:-1px;}
.inputBtn{ width:43px; height:26px; background:transparent; border:0px; cursor:pointer;}
.top{ position:relative; }
.leaf1,.leaf2{ display:block; position:absolute; top:40px;}
.leaf1{ background:url(../image/leaf1.gif) no-repeat; width:162px; height:42px; left:1px;}
.leaf2{ background:url(../image/leaf2.gif) no-repeat; width:204px; height:87px; right:-122px;}

/*banner*/
.banner{ width:960px; margin:25px auto 15px auto;height:90px; position:relative; z-index:1;}
.banner img{ width:960px; height:90px;border-radius:5px; box-shadow:4px 4px 4px #ddd;}

/*main*/
section#main{ width:960px; margin:0px auto;}
section#content{background:#fff; border-radius:5px; box-shadow:4px 4px 4px #ddd;}
aside#aside{ width:220px;min-height:930px; height:auto !important; height:930px;}


/*content*/
article#articleList{ padding:20px;}
header#artcleListTitle{ height:40px; border-bottom:1px solid #ccc; position:relative; z-index:1;}
header#artcleListTitle h1{ height:38px; font-size:22px; color:#000;width:120px; z-index:100; font-weight:normal;}
header#artcleListTitle p{ height:38px; font-size:22px; color:#000;width:120px; z-index:100; font-weight:normal; text-align:right; margin-top:-38px; width:100%;font-family:"\5FAE\8F6F\96C5\9ED1";}
.greenLine{ position:absolute; display:block; width:120px; position:absolute; left:0px; bottom:-2px; height:0px; border-bottom:3px solid #5e8e1f;}
section#articleList-mol{ padding:15px 0px 10px 0px; border-bottom:1px dashed #898989;}
section#articleList-mol h2 a{ font-size:18px; font-weight:normal; color:#5e8e1f; height:30px;}
section#articleList-mol p{ line-height:20px;}
section#articleList-mol footer{ height:25px;}
section#articleList-mol .articleListDate{ color:#b6b6b6; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; float:left;  height:25px; line-height:25px;}
.comment{ height:25px; line-height:25px; float:right;}
.comment a{ display:block; float:left; width:19px; height:25px; padding-left:20px; line-height:25px; background:url(../image/ico_comment.gif) no-repeat;font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; margin-left:10px;}
.comment a:hover{ text-decoration:none;}
.comment .zan{ background-position:1px -20px;}
.comment .zan:hover{ background-position:1px 4px;}
.comment .pinglun{ background-position:-48px -20px;}
.comment .pinglun:hover{ background-position:-48px 4px;}

/*page*/
footer#page{ height:26px; line-height:26px; padding:40px 0px; font-size:14px; color:#333; width:500px; margin:0px auto;}
footer#page span{ display:block; float:left; margin:0px 3px;}
footer#page a{ display:block; height:24px; border:1px solid #c8c7c7; text-align:center; font-size:14px; color:#333;}
footer#page a:hover{ text-decoration:none;background:#5e8e1f; color:#fff;}
footer#page .pageCur{background:#5e8e1f; color:#fff;}
footer#page .pre,footer#page .next{ width:60px;}
footer#page .pre:hover,footer#page .next:hover{ border:1px solid #5c5b5b; background:#666; }
footer#page .pageNum{ width:28px;}
footer#page .pageInputText{ width:30px; height:24px; border:1px solid #c8c7c7; background:#fff;}
footer#page .pageInputBtn{ border:1px solid #5c5b5b; background:#666; height:24px; width:45px; color:#fff; font-size:14px;}

/*personInfo*/
section#personInfo{ width:190px; height:342px; background:#fff; border-radius:5px; box-shadow:4px 4px 4px #ddd; padding:15px; margin-bottom:15px;}
section#personInfo dl{ width:190px; height:77px;}
section#personInfo dt{ width:75px; height:75px; float:left;}
section#personInfo dt img{ width:69px; height:69px; background:#fff; padding:3px; border:1px solid #d7d7d7;}
section#personInfo dd{ width:102px; height:75px;float:right; }
section#personInfo dd h2{height:25px; font-weight:normal;}
section#personInfo dd h2 a{ color: #5e8e1f; font-size:14px;}
section#personInfo dd h2 a:hover{ text-decoration:none;}
section#personInfo dd p{ line-height:23px;}
.moodPhrase{ margin:10px auto; border-top:1px dashed #d7d7d7; border-bottom:1px dashed #d7d7d7; padding:5px 0px; line-height:22px;}
.moodPhrase a:hover{ text-decoration:none;}
.microblog{ height:26px;}
.microblog a{ display:block; width:92px; height:26px;}
.microblog .sina{ background:url(../image/btn_sina.png) no-repeat; float:left;}
.microblog .tx{ background:url(../image/btn_tx.png) no-repeat; float:right;}
.kik{ margin-top:10px; text-align:center;}
.kik h2{ font-size:14px; font-weight:normal; color:#5e8e1f; line-height:25px;}

/*subNav*/
nav#subNav{ width:190px; height:185px;background:#fff; border-radius:5px; box-shadow:4px 4px 4px #ddd; padding:15px; margin-bottom:15px;}
nav#subNav header{ height:28px; border-bottom:1px solid #ccc;}
nav#subNav header h2{ font-size:18px; color:#5e8e1f; font-weight:normal;}
nav#subNav li{ line-height:30px; background:url(../image/bg_li.gif) no-repeat 0% 50%; border-bottom:1px dashed #d7d7d7;}
nav#subNav li a{ padding-left:10px;}

/*new*/
section#new{ width:190px; height:286px;background:#fff; border-radius:5px; box-shadow:4px 4px 4px #ddd; padding:15px;}
section#new header{ height:28px; border-bottom:1px solid #ccc;}
section#new header h2{ font-size:18px; color:#5e8e1f; font-weight:normal; position:relative;}
section#new header h2 a{ display:block; position:absolute; right:0px; top:0px;}
section#new ul{ padding-top:7px;}
section#new li{ line-height:25px;}


/*footer*/
footer#mainFooter{ width:100%; height:55px; border-top:1px solid #dbdbdb; background:#fff; margin-top:20px; color:#383838;font-family:"\5FAE\8F6F\96C5\9ED1"; padding-top:10px;}
nav#friendLink{ width:960px; margin:0px auto; height:25px; line-height:25px;color:#383838;}
nav#friendLink a{ margin:0px 10px;color:#383838;}
nav#friendLink a:hover{ text-decoration:none; color:#5e8e1f; }
nav#friendLink .first{ margin-left:0px;}
address#copy{ width:960px; margin:0px auto;  height:20px; line-height:20px; font-style:normal;}

/*articleDetail*/
article#article-detail{ padding:20px;}
article#article-detail p{ line-height:22px;}
header#articleTitle h1{ height:36px; line-height:36px; font-size:30px; font-weight:normal; color:#000; position:relative;}
header#articleTitle h1 span{ position:absolute; display:block; right:0px; top:0px;}
header#articleTitle h1 span a{ display:block; width:36px; height:36px; float:left; background:url(../image/ico_scroll.gif) no-repeat; margin-left:10px;}
header#articleTitle h1 .articlePre{ background-position:0px 0px;}
header#articleTitle h1 .articleListStyle{ background-position:-43px 0px;}
header#articleTitle h1 .articleNext{ background-position:-86px 0px;}
header#articleTitle h1 .articlePre:hover{ background-position:0px -39px;}
header#articleTitle h1 .articleListStyle:hover{ background-position:-43px -39px;}
header#articleTitle h1 .articleNext:hover{ background-position:-86px -39px;}
header#articleTitle h2{ height:35px; line-height:35px; font-size:14px; font-weight:normal;border-bottom:1px solid #ccc; margin-bottom:20px;}
header#articleTitle h2 i{color:#5e8e1f; margin-left:10px;}
section#interact{ padding:10px 0px; border-top:1px solid #ccc; margin-top:20px;}
section#interact .articleShare{   float:left;  height:25px; line-height:25px;}
section#interact .articleShare img{ vertical-align:middle}
section#interact .articleShare a{ margin:0px 3px;}
section#commentList{ margin-bottom:20px;}
section#commentList dl{ padding:10px 0px 6px 0px; border-bottom:1px dashed #d7d7d7; }
section#commentList dt{ width:66px; float:left;  text-align:center;}
section#commentList dt img{ width:60px; height:60px; padding:2px; border:1px solid #d7d7d7; background:#fff;}
section#commentList dt a{ display:block; width:66px; height:66px; overflow:hidden;}
section#commentList dt p{color:#5e8e1f;line-height:20px; }
section#commentList dd{ float:right; width:845px;}
section#commentList dd .commentInfo{ height:66px; line-height:20px;}
section#commentList dd .commentDate{ line-height:20px; text-align:right;}
section#commentList dd .commentDate .answer{ margin-left:10px;}
section#commentList dd .commentDate .answer:hover{ text-decoration:none;}
footer#relatedArticles ul{ padding:15px 0px 0px 0px;}
footer#relatedArticles li{ height:32px; line-height:32px; border-bottom:1px dashed #d7d7d7; font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; position:relative; color:#898989;}
footer#relatedArticles li span{ position:absolute; display:block; right:0px; top:0px; }

/*reply*/
.reply{margin-top:12px; display:none;}
.reply-input{ width:100%; height:80px; line-height:20px; background:#fff; border:1px solid #e6e6e6; border-radius:5px;  text-align:center; position:relative;}
.reply-input textarea{ width:98%; margin:10px 0px; height:60px; background:#fff; border:none; overflow:hidden;}
.reply-input .bg-reply{ display:block; width:12px; height:12px; position:absolute; right:15px; top:-12px; background:url(../image/bg_reply.gif) no-repeat;}
.face{ height:18px; float:left; margin-top:10px; width:100px; position:relative;}
.face .face_biaoqing{ display:block; height:18px; line-height:18px; padding-left:20px; background:url(../image/ico_biaoqing.gif) no-repeat 0px 2px;}
.face .face_biaoqing:hover{ background-position:0px -18px; text-decoration:none;}
.publish{ height:30px; line-height:30px; float:right; width:82px; margin-top:10px; }
.publish a{ display:block; background:url(../image/btn_fb.gif) no-repeat; text-indent:-9999px; width:82px; height:30px;}
.publish a:hover{ background-position:0px -30px;}

/*face*/
.smilies{ position:absolute; left:0px; top:20px; display:none;}
table.bq{ border-collapse:collapse; background:#f0f0f0;}
table.bq td{ width:26px; height:26px; text-align:center; border:1px solid #e6e6e6;}
table.bq td a img{ margin-bottom:-5px; _margin:0px;}

/*login and register*/
.loginBg{ background:url(../image/loginBg2.png) repeat;}
.loginBg1{background:url(../image/loginBg1.png) repeat;}
.loginBg2{background:url(../image/loginBg3.png) repeat-x left bottom;}
.loginTitle{ width:850px; height:255px; margin:0px auto; background:url(../image/loginTitle.png) no-repeat left bottom;}
.pt200{padding-top:200px;}
.loginForm{ width:550px; margin:15px auto;}
.loginForm input{ vertical-align:middle;}
.loginForm table{ width:100%;}
.loginForm td{ height:33px; line-height:33px; vertical-align:middle;}
.loginLabel{ font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:18px; color:#666;}
.loginTxt{ width:161px; height:33px; line-height:33px; border:none; background:url(../image/loginTxt.gif) no-repeat; padding:0px 10px; margin-left:5px;}
.mr45{ margin-right:45px;}
.mr10{ margin-right:10px;}
.loginBtn{ background:url(../image/loginBtn.gif) no-repeat; width:100px; height:33px; border:none; cursor:pointer;}
.loginBar{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-top:25px;}
.loginBar a{ color:#589f0d;text-decoration:none; }
.loginBar .passForget{ color:#f60; margin-left:15px; text-decoration:none; }
.loginBar input{ margin-left:20px; margin-right:3px;}

.rigester{ width:550px; margin:15px auto;}
.rigester table{ width:100%;}
.rigester td{ padding:10px 0px; vertical-align:middle; height:33px; line-height:33px;}
.rigester input{ vertical-align:middle;}
.rigester .loginLabel{ text-align:right; width:120px;}
.rigester .loginLabel i{ color:#f00; margin-right:5px;font-family:Arial, Helvetica, sans-serif; }
.note{ font-size:12px; color:#aaa;margin-left:10px;}
.yzImg{ height:33px; margin-left:10px; vertical-align:middle;}
.yz{ color:#589f0d; font-size:12px; margin-left:10px; }
.yz:hover{color:#f60; }
.rigesterBtn1,.rigesterBtn2{width:100px; height:33px; border:none; cursor:pointer; background:url(../image/registerBtn1.gif) no-repeat; margin-right:20px; margin-left:5px;}
.rigesterBtn2{ background:url(../image/registerBtn2.gif) no-repeat;}
.notice{ border-top:1px dashed #b3b3b3; color:#f00; font-size:12px; padding:10px 0px 0px 130px; margin-top:10px;}
.rigester .pb10{ padding-bottom:20px;}
.pt40{padding-top:40px;}
/*login and register end*/


/*picList*/
.picList li{ width:219px; height:303px; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; padding:10px; float:left;}
.picList .picImg{ display:block; width:219px; height:165px; overflow:hidden;}
.picList a:hover{color:#5e8e1f; text-decoration:none;}
.picImg img{ display:block; width:219px;}
.picInfo h2{ height:28px; line-height:28px; color:#666; font-size:14px; position:relative;}
.picInfo h2 .icoHot{ position:absolute; right:0px; top:10px; display:block; width:23px; height:7px;  background:url(../image/hot.gif) no-repeat;}
.picInfo h3,.picInfo h4,.picInfo p{ color:#999; font-weight:normal;line-height:24px;}
.picInfo h3 a{ color:#999;}
.picInfo i{ color:#f60; margin-right:5px;}
.picInfo p span{ margin:0px 5px;}
.worker{ text-align:right; }
.worker a{color:#5e8e1f;}
.worker a:hover{ color:#f60;}
.worker img{ width:30px; height:30px; vertical-align:middle; margin-left:5px;}
